window.addEventListener("load",function () {
    reCode()//加载完成就执行验证码方法
    var codeNum=document.querySelector("#code_num")
    codeNum.addEventListener("click",function () {//验证码被单击时刷新
        reCode()
    })
    function reCode() {//创建验证码方法
        var codeNum=document.querySelector("#code_num")
        var ctx=codeNum.getContext("2d")
        ctx.clearRect(0,0,300,300)//清除
        var num = parseInt(Math.random()*9000+1000)//验证码
        ctx.font="5rem  仿宋";
        var txt=num+"";
        ctx.textAlign="center";  //水平居中   还有其他的值
        ctx.textBaseline="middle"; //垂直居中  还有其他的值
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(0),50,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(1),125,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(2),200,75);
        ctx.fillStyle=col()
        ctx.fillText(txt.charAt(3),275,75);
        ctx.beginPath();
        ctx.lineWidth=5
        ctx.moveTo(25,parseInt(Math.random()*25)+50);
        ctx.lineTo(300,parseInt(Math.random()*25)+75);
        ctx.strokeStyle=col();
        ctx.stroke();
        ctx.beginPath();
        ctx.lineWidth=5
        ctx.moveTo(25,parseInt(Math.random()*25)+75);
        ctx.lineTo(300,parseInt(Math.random()*25)+50);
        ctx.strokeStyle=col();
        ctx.stroke();
        sessionStorage["code"]=(num-10)*5-2//简易加密
        function col() {//颜色方法
            //颜色值不可太大，不然有可能与背景色相近，无法识别
            var r = parseInt(Math.random()*150)
            var g = parseInt(Math.random()*150)
            var b = parseInt(Math.random()*150)
            return `rgb(${r},${g},${b})`
        }
    }
})